(function () {
    let template = function (self) {
        return `
<aux-view class="aux-text">${self.innerHTML}</aux-view>
        `;
    };

    document.auiDefineElement("aux-text", {
        template,
        props: {
            line: {
                afterCreated(self, newval) {
                    self.$ele.root.style["-webkit-line-clamp"] = newval;
                },
                observer(self, oldval, newval) {
                    self.$ele.root.style["-webkit-line-clamp"] = newval;
                }
            }
        },
        created: function(self) {
            self.$ele.root = self.children[0];
        }
    });
})();


